<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="JS/index.js"></script>
		<script type="text/javascript" src="JS/public.js"></script>
		<script src="JS/js/jquery.min.js"></script>
	</head>
	<body>
		<!--导航开始-->
		<div id="Mainav">
			<div class="container">
				<ul class="nav">
					<li>home
						<ul>
							<li><a href="#">home1</a></li>
							<li><a href="#">home2</a></li>
							<li><a href="#">home3</a></li>
						</ul>
					</li>
					<li>shop+
						<ul>
							<li><a href="shopcar.html">Shopping Cart</a></li>
							<li><a href="#">Checkout</a></li>
							<li><a href="#">Order</a></li>
						</ul>
					</li>
					<li>About Us</li>
					<li>Contact</li>
				</ul>
				<h1><img src="images/logo.png"/></h1>
				<ul class="nav_right">
					<li><a href="login/login.html" class="login">登录</a>/
						<a href="register/register.html" clsaa="register">注册</a>
					</li>
					<li id="shopcar"><a href="#" class="car"><img src="images/cart.png"/><span id="totalCount">0</span></a>
						<div class="goods">
								<!--<dl>
									<dt><img src="images/collec-1.jpg" width="60px"/></dt>
									<dd><p><span>名字</span><span>名字</span></p>
										<p><span>单价</span><span>单价</span></p>
										<p><span>数量</span><span>数量</span></p>
										<p><span>总价</span><span>总价</span></p>
									</dd>
								</dl>
								<dl>
									<dt><img src="images/collec-1.jpg" width="60px"/></dt>
									<dd><p><span>名字</span><span>名字</span></p>
										<p><span>单价</span><span>单价</span></p>
										<p><span>数量</span><span>数量</span></p>
										<p><span>总价</span><span>总价</span></p>
									</dd>
								</dl>-->
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--slider开始-->
		<div id="slider">
        <ul id="box">
            <li style="z-index: 6;">
            	<img src="images/slider-1.png" alt="" width="100%"/>
            	<div class="NEW">
            		<span id="">
            			EXPLORE THE
            		</span>
            		<span>
            			New Arrivals
            		</span>
            		<p>It is a long established fact that a reader
            			 will be distracted by the readable 
            			content of a page when looking at its layout</p>
            		<img src="images/Pattern.png"/>
            		<a href="#" class="shop_now"> shop now</a>
            	</div>
            </li>
            <li style="z-index: 5;"><img src="images/slider-2.png" alt="" width="100%"/>
            	<div class="NEW new1">
            		<span id="">
            			EXPLORE THE
            		</span>
            		<span>
            			New Arrivals
            		</span>
            		
            		<p>It is a long established fact that a reader
            			 will be distracted by the readable 
            			content of a page when looking at its layout</p>
            			<img src="images/Pattern.png"/>
            		<a href="#" class="shop_now"> shop now</a>
            	</div>
            </li>
            <li style="z-index: 4;">
            	<img src="images/slider-1.png" alt="" width="100%"/>
            	<div class="NEW">
            		<span id="">
            			EXPLORE THE
            		</span>
            		<span>
            			New Arrivals
            		</span>
            		<p>It is a long established fact that a reader
            			 will be distracted by the readable 
            			content of a page when looking at its layout</p>
            		<img src="images/Pattern.png"/>
            		<a href="#" class="shop_now"> shop now</a>
            	</div>
            </li>
            <li style="z-index: 3;">
            	<img src="images/slider-2.png" alt="" width="100%"/>
            	<div class="NEW new1">
            		<span id="">
            			EXPLORE THE
            		</span>
            		<span>
            			New Arrivals
            		</span>
            		<p>It is a long established fact that a reader
            			 will be distracted by the readable 
            			content of a page when looking at its layout</p>
            		<img src="images/Pattern.png"/>
            		<a href="#" class="shop_now"> shop now</a>
            	</div>
            </li>
        </ul>
        <ol style="z-index: 10;" id="uu">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ol>
    </div>
    <!--who开始-->
    <div id="who">
    	<h2>who we are ?</h2>
    	<h3>who we are ?</h3>
    	<p class="who">
    		Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of 
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing 
software like Aldus PageMaker including versions of Lorem Ipsum
    	</p>
    	<div class="avatar">
    		<img src="images/avatar.jpg"/>
    		<div id="">
    			<p>Laura Ellie</p>
    			<p>Founder</p>
    		</div>
    	</div>
    </div>
    <!--collection开始-->
    <div id="collection" class="container">
    	<h2>Shop by collection</h2>
    	<p>- All Category of Jenstore -</p>
    	<div class="collect">
    		<div class="collect_left">
    			<span id="HELLO SUMMER">
    				HELLO SUMMER
    			</span>
    			<span id="sale">
    				Sale 10%
    			</span>
    			<a href="#" class="shop_now">shop now</a>
    		</div>
    		<ul class="collect_right">
    			<li class="collect_top">
    				<!--<a href="#" class="collec">
    					<img src="images/collec-1.jpg" width="100%"/>
    					
    				</a>
    				<ul class="icon">
    						<li><a href="detail.html"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Pink roses</a>
    				<span id="">
    					★ ★ ★ ★ ☆
    				</span>
    				<span>$207.2</span>
    				<a href="shopcar.html" class="shopcar">加入购物车</a>-->
    			</li>
    			<!--<li class="collect_top">
    				<a href="#" class="collec">
    					<img src="images/collec-2.jpg" width="100%"/>
    				</a>
    				<ul class="icon">
    						<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Eleganr by BloomNation</a>
    				<span id="">
    					★ ★ ★ ★ ★ 
    				</span>
    				<span>$115.4</span>
    			</li>
    			<li class="collect_top">
    				<a href="#" class="collec">
    					<img src="images/collec-3.jpg" width="100%"/>
    				</a>
    				<ul class="icon">
    						<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Queen Rose - Yellow</a>
    				<span id="">
    					★ ★ ★ ★ ☆
    				</span>
    				<span>$250.6</span>
    			</li>
    			<li class="collect_top">
    				<a href="#" class="collec">
    					<img src="images/collec-4.jpg" width="100%"/>
    				</a>
    				<ul class="icon">
    						<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Cottage Rose Bouquet</a>
    				<span id="">
    					★ ★ ★ ☆ ☆
    				</span>
    				<span>$100.9</span>
    			</li>-->
    		</ul>
    	</div>
    </div>
    <!--wedding开始-->
    <div id="wedding">
    	<h2>Wedding</h2>
    	<p>- Lorem Ipsum is simply dummy text of the printing -</p>
    	<div id="" class="wedding_content">
    		<ul class=" wedding container">
	    		<!--<li class="collect_top wedding_top">
	    			<a href="#" class="collec">
	    				<img src="images/wedding-1.jpg" width="100%"/>
	    			</a>
	    			<ul class="icon">
	    					<li><a href="detail.html"><i class="iconfont icon-yanjing"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
	    			</ul>
	    			<a href="#" class="fname">Queen Rose - Pink</a>
	    			<span id="">
	    				★ ★ ★ ★ ★
	    			</span>
	    			<span>$300.2</span>
	    			</li>
	    			<li class="collect_top wedding_top">
	    				<a href="#" class="collec">
	    					<img src="images/wedding-2.jpg" width="100%"/>
	    				</a>
	    				<ul class="icon">
	    					<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
	    				</ul>
	    			<a href="#" class="fname">Bouquet Lavender</a>
	    			<span id="">
	    				★ ★ ★ ★ ☆
	    			</span>
	    			<span>$160.8</span>
	    		</li>
	    		<li class="collect_top wedding_top">
	    				<a href="#" class="collec">
	    					<img src="images/wedding-3.jpg" width="100%"/>
	    				</a>
	    				<ul class="icon">
	    					<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
	    				</ul>
	    			<a href="#" class="fname">Tulipa Floriade - Yellow</a>
	    			<span id="">
	    				★ ★ ★ ☆ ☆
	    			</span>
	    			<span>$200.7</span>
	    		</li>
	    		<li class="collect_top wedding_top">
	    				<a href="#" class="collec">
	    					<img src="images/wedding-4.jpg" width="100%"/>
	    				</a>
	    				<ul class="icon">
	    					<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
			    			<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
	    				</ul>
	    			<a href="#" class="fname">Bouquet Rose</a>
	    			<span id="">
	    				★ ★ ★ ★ ☆
	    			</span>
	    			<span>$350.4</span>
	    		</li>-->
    		</ul>
    	</div>
    </div>
    <!--Holiday开始-->
    <div id="Holiday" class="container">
    	<h2>Holiday</h2>
    	<p>- Lorem Ipsum is simply dummy text of the printing -</p>
    	<div class="holiday_right">
    			<span id="HELLO SUMMER">
    				HAPPY MOTHER'S DAY
    			</span>
    			<p>Lorem ipsum is simply dummy text of the printing and typesetting</p>
    			<span id="sale">
    				-30%
    			</span>
    		</div>
    		<ul class="holiday_left">
    			<!--<li class="collect_top holiday_top">
    				<a href="#" class="collec">
    					<img src="images/holiday-1.jpg" width="100%"/>
    					
    				</a>
    				<ul class="icon">
    						<li><a href="detail.html"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Fun & Flirty By BloomNation</a>
    				<span id="">
    					★ ★ ★ ★ ☆
    				</span>
    				<span>$200.2</span>
    			</li>
    			<li class="collect_top holiday_top">
    				<a href="#" class="collec">
    					<img src="images/holiday-2.jpg" width="100%"/>
    				</a>
    				<ul class="icon">
    						<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Winter White Bouquet</a>
    				<span id="">
    					★ ★ ★ ★ ★ 
    				</span>
    				<span>$240.2</span>
    			</li>
    			<li class="collect_top holiday_top">
    				<a href="#" class="collec">
    					<img src="images/holiday-3.jpg" width="100%"/>
    				</a>
    				<ul class="icon">
    						<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">Tulipa Floriade - Red</a>
    				<span id="">
    					★ ★  ☆ ☆ ☆
    				</span>
    				<span>$105.7</span>
    			</li>
    			<li class="collect_top holiday_top">
    				<a href="#" class="collec">
    					<img src="images/holiday-4.jpg" width="100%"/>
    				</a>
    				<ul class="icon">
    						<li><a href="#"><i class="iconfont icon-yanjing"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-lanzi"></i></a></li>
		    				<li><a href="#"><i class="iconfont icon-xin"></i></a></li>
    					</ul>
    				<a href="#" class="fname">West Palm Beach Florist</a>
    				<span id="">
    					★ ★ ★ ★ ☆
    				</span>
    				<span>$209.2</span>
    			</li>-->
    		</ul>
    </div>
  <!--counter开始-->  
  <div id="counter">
  	<div id="" class="counter_content">
  		<h2>Sale up to 40%</h2>
  		<p>It is a long established facr that a reader will be distracted by the
readable content of a page when looking at its layout</p>
		<ul id="showdate" class="showdate">
			<li id="day"></li>
			<li id="hour"></li>
			<li id="minite"></li>
			<li id="second"></li>
		</ul>
		<a href="#" class="shop_now"> shop now</a>
  	</div>
  </div>
  <!--brand开始-->
  <div id="brand" class="container">
  	<img src="images/brand.png"/>
  </div>
    
    
    
    
    
    
    
    
    
    <!--footer开始-->
    <div id="mainFooter">
    	<div class="footer container">
    		<dl>
    			<dt>About</dt>
    			<dd><a href="#">ews & Stories</a></dd>
    			<dd><a href="#">History</a></dd>
    			<dd><a href="#">Our Studio</a></dd>
    			<dd><a href="#">Shop</a></dd>
    			<dd><a href="#">Stockists</a></dd>
    		</dl>
    		<dl>
    			<dt>Customer sevices</dt>
    			<dd><a href="#">Contact Us</a></dd>
    			<dd><a href="#">Trade Services</a></dd>
    			<dd><a href="#">Login/Register</a></dd>
    			<dd><a href="#">Delivery & Returns</a></dd>
    			<dd><a href="#">FAQs</a></dd>
    		</dl>
    		<dl>
    			<dt>Store</dt>
    			<dd><a href="#">Shop</a></dd>
    			<dd><a href="#">Wedding</a></dd>
    			<dd><a href="#">Holiday</a></dd>
    		</dl>
    		<div id="footer_right">
    			<h3>Newsletter</h3>
    			<p>Sign up for our mailing list to get lastest updates and offer</p>
    			<input type="text" name="" id="name" value="" placeholder="Your mail here"/>
    			<input type="submit" name="" id="btn" value="Subscribe" />
    		</div>
    		<div id="social">
    			<span>CONNECT WITH US:</span>
	    		<ul class="social">
	    			<li><a href="#"></a></li>
	    			<li><a href="#"></a></li>
	    			<li><a href="#"></a></li>
	    			<li><a href="#"></a></li>
	    		</ul>
    		</div>
    	</div>
    	<div id="copy">
    		<ul class="copy container">
	    		<li><a href="#"><img src="images/logo.png"/></a></li>
	    		<li>Copyright &copy; 2018 by EngoTheme</li>
	    		<li><a href="#">E: Jenstore@gmail.com</a></li>
    		</ul>
    	</div>
    </div>
	</body>
</html>
